<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/aip.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="logo"><img src="./images/new-logo-white2.png" alt=""></div>
        <div class="nav">
            <ul class="navigation">
                <li class="item"><a href="./index.html">首页</a></li>
                <li class="item on"><a href="./api.html">API</a></li>
                <li class="item"><a href="#">云服务</a></li>
                <li class="item"><a href="./customer.html">案例</a></li>
                <li class="item"><a href="#">开发者</a></li>
            </ul>
        </div>
        <div class="login">
            <button class="btn1" onclick="window.location.href ='./login.html'">登录</button>
            <button class="btn2" onclick="window.location.href ='./register.html'">注册</button>
        </div>
    </div>
    <!-- api分类 -->
    <div class="sort">
        <div class="banxin">
            <h2>API分类</h2>
            <ul>
                <!-- <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li>
               <li class="li-item">生活服务</li> -->
            </ul>
            <div class="search">
                <span class="con">全部</span>
                <input type="text" placeholder="身份证实名">
            </div>
        </div>
    </div>
    <!-- API 内容 -->
    <div class="main">
        <ul class="banxin serve">
            <!-- <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_01.jpg" alt="">
                    <h5>2021出行防疫政策指南</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_02.jpg" alt="">
                    <h5>身份证实名认证</h5>
                    <p class="price r">￥02000/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_03.jpg" alt="">
                    <h5>天气预报</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_04.jpg" alt="">
                    <h5>银行卡四元素校验</h5>
                    <p class="price r">￥0.3360/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_05.jpg" alt="">
                    <h5>短信API服务</h5>
                    <p class="price r">￥0.0400/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_01.jpg" alt="">
                    <h5>2021出行防疫政策指南</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_02.jpg" alt="">
                    <h5>身份证实名认证</h5>
                    <p class="price r">￥02000/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_03.jpg" alt="">
                    <h5>天气预报</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_04.jpg" alt="">
                    <h5>银行卡四元素校验</h5>
                    <p class="price r">￥0.3360/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_05.jpg" alt="">
                    <h5>短信API服务</h5>
                    <p class="price r">￥0.0400/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_01.jpg" alt="">
                    <h5>2021出行防疫政策指南</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_02.jpg" alt="">
                    <h5>身份证实名认证</h5>
                    <p class="price r">￥02000/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_03.jpg" alt="">
                    <h5>天气预报</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_04.jpg" alt="">
                    <h5>银行卡四元素校验</h5>
                    <p class="price r">￥0.3360/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_05.jpg" alt="">
                    <h5>短信API服务</h5>
                    <p class="price r">￥0.0400/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_01.jpg" alt="">
                    <h5>2021出行防疫政策指南</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_02.jpg" alt="">
                    <h5>身份证实名认证</h5>
                    <p class="price r">￥02000/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_03.jpg" alt="">
                    <h5>天气预报</h5>
                    <p class="price g">免费</p>
                </div>
                <button>申请数据</button>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_04.jpg" alt="">
                    <h5>银行卡四元素校验</h5>
                    <p class="price r">￥0.3360/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li>
            <li class="serve-item">
                <div class="dh">
                    <img src="./images/API_05.jpg" alt="">
                    <h5>短信API服务</h5>
                    <p class="price r">￥0.0400/次</p>
                </div>
                <button>申请数据</button>
                <div class="special">企业专用</div>
            </li> -->
        </ul>
        <!-- 分页器 -->
        <div class="banxin page">
            <span class="tz on">1</span>
            <span class="tz">2</span>
            <span class="tz">3</span>
            <span class="tz">4</span>
            <span class="tz">5</span>
            <span class="tz">6</span>
            <span class="tz">7</span>
            <span class="tz">8</span>
            <span>....</span>
            <span class="ts">下一页</span>
        </div>
    </div>

    <!-- 模态框 -->
    <div class="mot">
        <div class="nr">
            <img src="./images/loginlogo.png" alt="">
            <div class="denglu">
                <div class="dl active">账号登录</div>
                <div class="dl">扫码登录</div>
            </div>
            <div class="login on">
                <div class="yh">
                    <input type="text" placeholder="用户名/手机号/邮箱">
                </div>
                <div class="mm">
                    <div></div>
                    <input type="text" placeholder="密码">
                </div>
                <div class="wj">
                    忘记密码
                </div>
                <button class="btn3">登录</button>
                <span>还没有源码账号, <a href="#">立即注册</a></span>
            </div>
            <div class="login">
                <div class="ma">
                    <img src="./images/showqrcode.jpg" alt="">
                    <p>微信扫码登录</p>
                    <span>未关注源码科技公众号，请先关注后再登录</span>
                </div>
                <h6>还没有源码账号, <a href="#">立即注册</a></h6>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <footer>
        <div class="banxin">
            <div class="big">
                <div class="xiugai">
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                    <div class="lianjie">
                        <h4>联系与支持</h4>
                        <ul>
                            <li>400-882-7715</li>
                            <li>售前咨询</li>
                            <li>客服&售后</li>
                            <li>常见问题</li>
                            <li>极速工单</li>
                            <li>投诉与建议</li>
                        </ul>
                    </div>
                </div>
                <div class="wei">
                    <img src="./images/bei1.png" alt="">
                    <p>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
                </div>
            </div>
            <div class="you">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="./images/wechat-white.png" alt="">
                <p class="pp">源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </footer>
    <script src="./js/api.js"></script>
</body>

</html>